.task-container {

    .task-1,
    .task-2 {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .task-title {
        font-size: 20px;
        font-weight: bold;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    }

    .task-price {
        font-size: 16px;
        color: #756899;
        font-weight: bold;

        display: flex;
        align-items: center;
    }

    .task-time {
        font-size: 16px;
        font-weight: bold;
    }

    .task-content {
        white-space: pre-line;
    }

    .task-resource {

        .task-video,
        .task-image {
            width: 100%;
        }
    }

}